<%--
  Created by IntelliJ IDEA.
  User: lingxinyue
  Date: 2021/12/19
  Time: 6:35 下午
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<html>
<head>
    <title>注册登录界面</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css">
    <link rel="stylesheet" href="./style.css">
</head>
<body>

<div class="container right-panel-active">
    <!-- 登录 -->
    <div class="container_form container--signin">
        <form action="../dispatchServlet" class="form" id="form2">
            <h2 class="form_title">登录</h2>

            <a href="<%=basePath%>/Home.jsp" class="Login"></a>
            <input type="text" placeholder="学号" class="input" name="userid" />
            <input type="password" placeholder="密码" class="input" name="password" />
            <a href="#" class="link">Forgot your password?</a>
            <button class="btn" type="submit" value="提交">登录</button>

        </form>
    </div>
    <!-- 注册 -->
    <div class="container_form container--signup">
        <form action="../dispatchServletForRegister" class="form" id="form1">
            <h2 class="form_title">注册</h2>
            <input type="text" placeholder="学号" class="input" name="userid" />
            <input type="password" placeholder="密码" class="input"  name="password"/>
            <input type="name" placeholder="姓名" class="input"  name="trueName"/>
            <button class="btn" type="submit" value="提交">注册</button>
        </form>
    </div>
    <!-- 浮层 -->
    <div class="container_overlay">
        <div class="overlay">
            <div class="overlay_panel overlay--left">
                <button class="btn" id="signIn">登录</button>
            </div>
            <div class="overlay_panel overlay--right">
                <button class="btn" id="signUp">注册</button>
            </div>
        </div>
    </div>
</div>

<!-- 背景 -->
<div class="slidershow">
    <div class="slidershow--image" style="background-image: url('https://source.unsplash.com/Snqdjm71Y5s')"></div>
    <div class="slidershow--image" style="background-image: url('https://source.unsplash.com/5APj-fzKE-k')"></div>
    <div class="slidershow--image" style="background-image: url('https://source.unsplash.com/wnbBH_CGOYQ')"></div>
    <div class="slidershow--image" style="background-image: url('https://source.unsplash.com/OkTfw7fXLPk')"></div>
</div>

<!-- partial -->
<script src="./script.js"></script>

</body>
</html>
